<template>
<van-search shape="round" v-model="value" placeholder="请输入搜索关键词" @search="onSearch" @cancel="onCancel"></van-search>



<!-- 轮播图 -->
<home-swiper></home-swiper>

<!-- 宫格 -->
<home-grid></home-grid>

<!-- 商品展示 -->
 <home-product></home-product> 
  
 <!-- 每周上新 -->
 <home-new></home-new>
<!-- 人气推荐 -->
<home-top></home-top>
</template>
<script setup>
import { ref } from 'vue';
import {showToast} from 'vant';
import HomeSwiper from '../components/HomeSwiper.vue';
import HomeGrid from '../components/HomeGrid.vue';
import HomeProduct from '../components/HomeProduct.vue';
import HomeNew from '../components/HomeNew.vue';
import HomeTop from '../components/HomeTop.vue';
const value=ref('');
const onSearch=val=>showToast(val);
const onCancel=()=>showToast('取消搜索');



</script>